博客站

在JavaScript中，若要让对象的一个属性不可被改变，可以采用以下几种方法：

一、使用Object.defineProperty()方法

Object.defineProperty()方法允许精确地添加或修改对象的属性，并控制这些属性的行为。通过将此方法的writable属性设置为false，可以阻止属性的值被修改。

示例代码如下：

var obj = {
    property: 1
};
Object.defineProperty(obj, 'property', {
    writable: false
});

// 尝试修改属性
obj.property = 2;
console.log(obj.property); // 输出1，因为属性不可修改

此外，如果想要创建一个真正的常量属性（不可修改、重定义或删除），可以将configurable也设置为false，并指定value。

示例代码如下：

var myObject = {};
Object.defineProperty(myObject, "FAVORITE_NUMBER", {
    value: 23,
    writable: false,
    configurable: false
});

二、使用Object.freeze()方法

Object.freeze()方法会创建一个冻结对象，该对象不能添加新属性，不能删除现有属性，也不能修改属性的值。这是最彻底的防止对象被修改的方法。

示例代码如下：

var obj = {
    property: 1
};
Object.freeze(obj);

// 尝试修改属性
obj.property = 2;
console.log(obj.property); // 输出1，因为属性不可修改

// 尝试添加新属性
obj.newProperty = 3;
console.log(obj.newProperty); // 输出undefined，因为不能添加新的属性

// 尝试删除属性
delete obj.property;
console.log(obj.property); // 输出1，因为属性不能被删除

三、使用Proxy对象

Proxy对象提供了一种更灵活的方式来控制对对象的访问。通过定义一个set陷阱，可以拦截并阻止对对象属性的修改。

示例代码如下：

var obj = {
    property: 1
};
var handler = {
    set: function(target, key, value) {
        console.log(`Property "${key}" is immutable.`);
        return true; // 返回true表示拦截成功，但不会改变原属性的值
    }
};
var proxy = new Proxy(obj, handler);

// 尝试修改属性
proxy.property = 2;
console.log(proxy.property); // 输出1，因为属性不可修改，并且会输出"Property "property" is immutable."

需要注意的是，虽然Proxy提供了强大的拦截能力，但在性能上可能会有一些开销，因此在使用时需要权衡利弊。

总结

以上三种方法都可以实现让对象的一个属性不可被改变的目标。根据具体需求和场景，可以选择最适合的方法。如果需要最彻底的防篡改效果，建议使用Object.freeze()方法；如果只需要防止属性被修改但允许添加新属性或删除现有属性，可以使用Object.defineProperty()方法并将writable设置为false；如果需要更灵活的控制方式，可以考虑使用Proxy对象。